<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>行与块</title>
	<style type="text/css">
		span{
			width: 200px;
			height: 50px;
			background: red url() 0 0 no-repeat;
			display: block;
		}
		p{
			width: 200px;
			height: 50px;
			background: blue url() 0 0 no-repeat;
			display: inline;
		}
		a{
			width: 200px;
			height: 200px;
			display: inline-block;
			background: green url() 0 0 no-repeat;
		}
		.box{
			width: 50px;
			height: 50px;
			background: yellow url() 0 0 no-repeat;
			display: none;
		}
		input{
			width: 150px;
			height: 80px;
		}
	</style>
</head>
<body>
<!-- 	行：在一行的标签,没法设置宽高
	块：独立一行的标签，可以设置宽高 
	行内块级标签：具有行属性（在一行），也有块属性（设置这【宽高）
!-->
	<span>学并思span</span>
	<span>学并思span</span>
	<span>学并思span</span>
	<a href="">我是a标签</a>
	<a href="">我是a标签</a>
	<a href="">我是a标签</a>
	<p>学并思p</p>
	<p>学并思p</p>
	<p>学并思p</p>
	<div class="box">1</div>
	<div class="box">2</div>
	<div class="box">3</div>
	<img src="https://www.baidu.com/img/bd_logo1.png" alt="" width="300">
	<img src="https://www.baidu.com/img/bd_logo1.png" alt="" width="300">
	<img src="https://www.baidu.com/img/bd_logo1.png" alt="" width="300">
	<input type="text" name="">
	<input type="text" name="">
</body>
</html>